<template>
  <div class="application-list">
    <el-card>
      <div slot="header">
        <search-bar></search-bar>
      </div>
      <div class="app-list">
        <app-item v-for="app in appList" :key="app.id" :data="app"></app-item>
      </div>
    </el-card>
  </div>
</template>

<script>
import SearchBar from "./components/SearchBar.vue";
import AppItem from "./components/AppItem.vue";
export default {
  components: { SearchBar, AppItem },
  data() {
    return {
      appList: [
        {
          id: 1,
          name: "微擎系统v2.0",
          logo: "",
          time: "2022-06-09 13:40:41",
        },
        {
          id: 2,
          name: "微擎系统v3.0",
          logo: "",
          time: "2022-06-09 13:40:41",
        },
        {
          id: 3,
          name: "微擎电子合同v1.0",
          logo: "",
          time: "2022-06-09 13:40:41",
        },
        {
          id: 4,
          name: "微擎电子合同v2.0",
          logo: "",
          time: "2022-06-09 13:40:41",
        },
        {
          id: 5,
          name: "微擎电子合同v3.0",
          logo: "",
          time: "2022-06-09 13:40:41",
        },
        {
          id: 6,
          name: "微擎系统v2.0",
          logo: "",
          time: "2022-06-09 13:40:41",
        },
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.app-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
</style>
